<div class="panel panel-default" ng-show="device === '2.3' ">
        <div class="panel-heading">Information</div>
        <div class="panel-body">
            There is no setting for devices with Android 2.3
        </div>
</div>

<form role="form" ng-submit="submit();" ng-show="device !== '2.3' ">
    
    <div class="panel panel-default">
        <div class="panel-heading">Size of game board</div>
        <div class="panel-body">
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="adjust"
                           ng-checked="setting.adjust"
                           ng-model="setting.adjust"> adjust the size of game board automatically
                </label>
            </div>
            <div class="radio" ng-if="!setting.adjust">
                <label>
                    <input type="radio" name="size" ng-model="setting.size" id="optionsRadios1" value="10">
                    small
                </label>
            </div>
            <div class="radio" ng-if="!setting.adjust">
                <label>
                    <input type="radio" name="size" ng-model="setting.size" id="optionsRadios2" value="15">
                    normal
                </label>
            </div>
            <div class="radio" ng-if="!setting.adjust">
                <label>
                    <input type="radio" name="size" ng-model="setting.size" id="optionsRadios3" value="20">
                    large
                </label>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">Size of one field</div>
        <div class="panel-body">
            <div class="radio">
                <label>
                    <input type="radio" name="one" ng-model="setting.one" id="optionsRadios1" value="36">
                    normal
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="one" ng-model="setting.one" id="optionsRadios2" value="46">
                    large
                </label>
            </div>
        </div>
    </div>

    <div class="panel panel-default" ng-show="device !== '4.0'">
        <div class="panel-heading">Other settings</div>
        <div class="panel-body">
            <div class="checkbox">
                <label>
                    <input type="checkbox" name="scroll"
                           ng-checked="setting.scroll"
                           ng-model="setting.scroll"> automatic scroll game board after oponent move
                </label>
            </div>
        </div>
    </div>
    
    <button type="submit" class="btn btn-primary btn-block">Save changes</button>
</form>
<br />